<!--
  -- Copyright 2013 The Chromium Authors. All rights reserved.
  -- Use of this source code is governed by a BSD-style license that can be
  -- found in the LICENSE file.
  -->

<polymer-element name="kb-shift-key" attributes="lowerCaseKeysetId
    upperCaseKeysetId" class="shift dark" char="Shift" on-pointerout="{{out}}"
    extends="kb-key">
  <template>
    <style>
      .shift-light-wrapper {
        bottom: 3px;
        height: 10%;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 100%;
      }

      .shift-light {
        -webkit-box-shadow: inset 0 1px #101010, inset 0 -1px #444444;
        background-image: -webkit-linear-gradient(#101010, #000000);
        border: solid;
        border-bottom-color: #1d1d1d;
        border-top-color: #2d2d2d;
        border-width: 1px 0;
        height: 0.3em;
        margin: 0 auto;
        position: relative;
        width: 1.8em;
      }
    </style>
    <div class="shift-light-wrapper">
      <div class="shift-light"> </div>
    </div>
    <shadow></shadow>
  </template>
</polymer-element>
